<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="static/zui/css/zui.css">
    <script src="static/js/jquery-3.6.0.js"></script>
    <script src="static/zui/js/zui.js"></script>
    <link rel="stylesheet" href="static/css/global.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header flex space-between box-center">
        <div><img src="img/index/header.jpg"></div>
        <div class="header-right flex">
            <div>全国统一热线</div>
            <div>666-666-6666</div>
            <div><i class="icon icon-phone icon-2x" ></i></div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="nav-wrap" >
        <nav class="navbar navbar-default" role="navigation">
            <ul class="nav navbar-nav nav-justified">
                <li ><a href="index.html"></a></li>
                <li><a href="index.html"><i class="icon icon-bars"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                    所有项目</a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="index.html"></a></li>
                <li><a href="index.html">首页</a></li>
                <li ><a href="subject.html">在线评估</a></li>
                <li ><a href="main.html">咨询师库</a></li>
                <li ><a href="subscribe.html">我的预约</a></li>
                <li ><a href="assessment.html">我的报告</a></li>
                <li ><a href="account.html">我的账户</a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="login.html" id="login-reg-btn">登录/注册</a></li>
            </ul>
        </nav>
    </div>
    <!-- 轮播图 -->
    <div class="slide">
        <div id="myNiceCarousel" class="carousel slide" data-ride="carousel">
            <!-- 圆点指示器 -->
            <ol class="carousel-indicators">
                <li data-target="#myNiceCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myNiceCarousel" data-slide-to="1"></li>
                <li data-target="#myNiceCarousel" data-slide-to="2"></li>
            </ol>

            <!-- 轮播项目 -->
            <div class="carousel-inner ">
                <div class="item active slide-wrap">
                    <img alt="First slide" src="img/index/slide3.jpg" style="height: 500px;">
                    <div class="carousel-caption">
                    </div>
                </div>
                <div class="item slide-wrap">
                    <img alt="Second slide" src="img/index/slide2.jpg" style="height: 500px;">
                    <div class="carousel-caption">

                    </div>
                </div>
                <div class="item slide-wrap">
                    <img alt="Third slide" src="img/index/slide1.jpg" style="height: 500px;">
                    <div class="carousel-caption">
                    </div>
                </div>
            </div>

            <!-- 项目切换按钮 -->
            <a class="left carousel-control" href="#myNiceCarousel" data-slide="prev">
                <span class="icon icon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#myNiceCarousel" data-slide="next">
                <span class="icon icon-chevron-right"></span>
            </a>
        </div>
    </div>
    <!-- 选中咨询师按钮 -->
    <div class="nav-button flex">
        <div>
            <button class="btn-block choose-btn " style="color: white" type="button"><a style="color: white" href="main.html">咨询师在线选!</a></button>
        </div>
    </div>
    <!-- 咨询师推荐 -->
    <div class="cons-wrap flex" id="cons-wrap1">

    </div>
    <!-- 咨询师介绍 -->
    <div id="into-wrap2" class=" flex space-between box-center">
        <div class="left">
            <div><img src="img/index/emp_introduce_left.png"></div>
        </div>
        <div class="right ">
            <div><img src="img/index/comment_1.jpg"></div>
            <div><img src="img/index/comment_2.jpg"></div>
            <div><img src="img/index/comment_3.jpg"></div>
        </div>
    </div>
    <!-- 平台介绍 -->
    <div class="plat-intro flex box-center">
        <div class="left"><img src="img/index/bg1.jpg" alt=""></div>
        <div class="right"><img src="img/index/bg2.jpg" alt=""></div>
        <!-- <div><img src="img/index/bg3.jpg" alt=""></div> -->
    </div>
    <!-- 预定流程 -->
    <div class="reserve flex space-between box-center">
        <div class="right">
            <img src="img/index/img_1.png" style="width: 1200px; margin-top:40px">
        </div>
    </div>

    <!-- footer -->
    <footer class="footer">
        <div class="">

            <div class="mod_help">
                <dl>
                    <dd>品类咨询</dd>
                    <br>
                    <dd class="links"><a href="#">亲子关系</a></dd>
                    <dd class="links"><a href="#">情绪管理</a></dd>
                </dl>
                <dl>
                    <dd>服务与支持</dd><br>
                    <dd class="links"><a href="#">工作室信息</a></dd>
                    <dd class="links"><a href="#">心理咨询</a></dd>
                    <dd class="links"><a href="#">饮食指南</a></dd>
                    <dd class="links"><a href="#">收取标准</a></dd>
                </dl>
                <dl>
                    <dd>联系我们</dd><br>
                    <dd class="links"><a href="#">联系方式</a></dd>
                    <dd class="links"><a href="#">公司简介</a></dd>
                </dl>
                <dl>
                    <dd>售后服务</dd><br>
                    <dd class="links"><a href="#">售后政策</a></dd>
                    <dd class="links"><a href="#">价格保护</a></dd>
                    <dd class="links"><a href="#">退款说明</a></dd>
                    <dd class="links"><a href="#">返修/退换货</a></dd>
                    <dd class="links"><a href="#">取消订单</a></dd>
                </dl>
                <div class="call">
                    <div class="hotline">24小时免费咨询热线</div>
                    <div class="phone">666-666-6666&nbsp;&nbsp; <i class="icon icon-phone icon-2x" ></i></div>
                </div>

            </div>

            <div class="copyright">
                地址: 福州市仓山区大榕树文化中心三楼 || 邮编: 666666 || 电话: 666-666-6666 || 传真: 666-66666666 || 邮箱: Theo+666.cn
                <br>
                || 闽ICP备66666666号闽公网安备666666666666 ||
            </div>
        </div>
        </div>
    </footer>
    <script src="static/js/common.js"></script>
    <script src="js/index.js"></script>
</body>
</html>